<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>09列表</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<!--无序列表-->
<ul>
    <li>无序1</li>
    <li>无序2</li>
</ul>

<!--有序列表-->
<ol>
    <li>有序1</li>
    <li>有序2</li>
</ol>

<!--定义列表 ：格式都是标题加数据-->
<dl>
    <dt>标题1</dt>
    <dd>数据1数据1数据1数据1数据1数据1数据1</dd>
    <dt>标题2</dt>
    <dd>数据2数据2数据2数据2数据2数据2数据2</dd>
</dl>


<ul class="list-inline">
    <li>无序1</li>
    <li>无序2</li>
</ul>

<ol class="list-inline">
    <li>有序1</li>
    <li>有序2</li>
</ol>

<dl class="dl-horizontal">
    <dt>标题1</dt>
    <dd>数据1数据1数据1数据1数据1数据1数据1</dd>
    <dt>标题2</dt>
    <dd>数据2数据2数据2数据2数据2数据2数据2</dd>
</dl>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>